.setting {
  border: 1px solid #ccc;
  padding: 0px 20px;
  &-label {
    margin-bottom: 16px;
    background-color: #fff;
    font-weight: bold;
    > i {
      margin-right: 10px;
      width: 20px;
      height: 20px;
      color: #1296db;
    }
  }

  // 模式设置
  &-mode {
    margin: 20px 0;
    &-context {
      margin: 16px 0;
      display: flex;
      justify-content: space-between;
    }
    &-sort {
      color: #776c6c;
      background-color: #fff;
      border: 2px solid #776c6c;
      border-radius: 15px;
      padding: 2px 5px;
      cursor: pointer;
      display: flex;
      align-items: center;
      font-size: 14px;
      > i {
        margin-right: 5px;
      }
    }
    &-sort:hover {
      background-color: #fafafa;
      border-color: #40a9ff;
      font-weight: bolder;
    }
    &-sort:nth-child(1):hover {
      @color: #82c504;
      color: @color;
      border-color: @color;
    }
    &-sort:nth-child(2):hover {
      @color: #40a9ff;
      color: @color;
      border-color: @color;
    }
    &-sort:nth-child(3):hover {
      @color: #ffa500;
      color: @color;
      border-color: @color;
    }
    &-sort:nth-child(4):hover {
      @color: #ff0000;
      color: @color;
      border-color: @color;
    }
  }

  // 难度设置
  &-defined {
    &-list {
      padding-left: 0;
      display: flex;
      flex-direction: column;
      margin-bottom: 0;
      > li {
        display: flex;
        justify-content: space-between;
        .setting-label {
          font-size: 14px;
          width: 40%;
          > i {
            font-style: normal;
            font-weight: bold;
            color: #ff5500;
          }
        }
        .setting-slider {
          width: 60%;
        }
      }
    }
    &-btn {
      text-align: center;
      margin-bottom: 16px;
    }
  }

  // 图片设置
  &-imgs {
    margin-bottom: 16px;
    &-title {
      margin: 16px 0;
      text-align: center;
    }
    &-notice {
      font-size: 12px;
      color: red;
    }
    &-clear {
      margin-top: 10px;
      cursor: pointer;
      text-align: center;
    }
  }
}
